<template>
  <div shadow="never">
    <AccountCard title="我的收藏"/>

    <!--    <div class="mb-3 py-1 px-2 greay-bg">-->
    <!--      <span>我的收藏</span>-->
    <!--    </div>-->

    <el-table :data="tableData" style="width: 100%" border height="500">
      <el-table-column prop="title" label="类型"></el-table-column>
      <el-table-column prop="title" label="项目标题"></el-table-column>
      <el-table-column prop="title" label="地区"></el-table-column>
      <el-table-column prop="title" label="发布时间"></el-table-column>
      <el-table-column prop="title" label="收藏时间"></el-table-column>

      <el-table-column label="操作">
        <div slot-scope="scope">
          {{ scope.row.status }}
        </div>
      </el-table-column>
    </el-table>
     <el-row class="mt-2" type="flex" align="center" justify="center">
        <el-pagination
            prev-text="上一页"
            next-text="下一页"
            @current-change="handleCurrentChange"
            :current-page.sync="currentPage"
            :page-size="20"
            layout="total, sizes, prev, pager, next, jumper"
            :total="total">
        </el-pagination>
    </el-row>
  </div>
</template>

<script scoped>
  import AccountCard from "../account/components/AccountCard"
export default {
  name: "",
  components:{AccountCard},
  data() {
    return {
      tableData: [],
      currentPage: 1,
      total: 0,

    };
  },
  methods: {
    handleCurrentChange(page) {}
  },
};
</script>

<style scoped lang="scss">
.greay-bg{
  background: #EEEEEE;
}
</style>